<!DOCTYPE html>
<html>
<head>
    <title>历史</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <#--样式-->
    <link rel="stylesheet" media="screen" href="${request.contextPath}/css/style.css">
    <#--layui-->
    <link rel="stylesheet" media="screen" href="${request.contextPath}/layui/css/layui.css">

</head>
<body >





    <div class="content" >



       <div >
           <#--月亮放置区-->
           <div class="light">
           </div>

           <hr class="line-left">
           <hr class="line-right">

           <div class="main">
               <h1 class="title">历史纪年表</h1>
           </div>




           <div class="textContent" >


               <div class="layui-container">

                   <div class="layui-row">
                       <div class="layui-col-md5">
                           <div class="layui-icon " style="background-color: #007979; height: 300px;text-align:center;line-height: 280px;font-size:16px;">
                               <a style="color: #F2F2F2;font-weight:500;" href="/history/main/toHistory">&#xe68e; 历史轴</a>
                           </div>
                       </div>

                       <div class="layui-col-md7">
                           <div class="layui-row">
                               <div class="layui-col-md6">
                                   <div class="layui-icon divTable" style="background-color: #AE8F00;">
                                       <a style="color: #F2F2F2;font-weight:500;" href="/history/main/toAddMainHistory">&#xe621; 添加历史主线</a>
                                   </div>
                               </div>
                               <div class="layui-col-md6">
                                   <div class="layui-icon divTable" style="background-color: #EA7500;">
                                       <a style="color: #F2F2F2;font-weight:500;" href="/history/main/toUpdMainHistory">&#xe705; 修改历史主线</a><br/>
                                   </div>
                               </div>
                           </div>

                           <div class="layui-row">
                               <div class="layui-col-md6">
                                   <div class="layui-icon divTable" style="background-color: #AD5A5A;">
                                       <a style="color: #F2F2F2;font-weight:500;" href="/history/other/toAddReignTitle">&#xe679; 添加年号</a>
                                   </div>
                               </div>
                               <div class="layui-col-md6">
                                   <div class="layui-icon divTable" style="background-color: #7373B9; ">
                                       <a style="color: #F2F2F2;font-weight:500;" href="/history/main/toUpdMainHistory">&#xe640; 删除历史主线</a><br/>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>

                   <div class="layui-row">
                       <div class="layui-col-md7">
                           <div class="layui-icon divTable" style="background-color: #64A600;">
                               <a style="color: #F2F2F2;font-weight:500;" href="/history/event/toAddEventOccur">&#xe66c; 添加事件</a>
                           </div>
                       </div>
                       <div class="layui-col-md5">
                           <div class="layui-icon divTable" style="background-color: #9F0050;">
                               <a style="color: #F2F2F2;font-weight:500;" href="/history/other/toAddPeriod">&#xe653; 添加特殊时期</a>
                           </div>
                       </div>
                   </div>

                   <div class="layui-row">
                       <div class="layui-col-md4">
                           <div class="layui-icon divTable" style="background-color: #8600FF;">
                               <a style="color: #F2F2F2;font-weight:500;" href="/history/other/toLandList">&#xe715; 地点列表</a>
                           </div>
                       </div>
                       <div class="layui-col-md4">
                           <div class="layui-icon divTable" style="background-color: #005AB5;">
                               <a style="color: #F2F2F2;font-weight:500;" href="/history/other/toAddLand">&#xe609; 新增地点</a>
                           </div>
                       </div>
                       <div class="layui-col-md4">
                           <div class="layui-icon divTable" style="background-color: #737300;">
                               <a style="color: #F2F2F2;font-weight:500;" href="/history/other/toUpdPeriod">&#xe60e; 修改特殊时期</a>
                           </div>
                       </div>
                   </div>

               </div>

           </div>



       </div>
    </div>




</body>


<!-- scripts -->

<#--layui-->
<script src="${request.contextPath}/layui/layui.js"></script>
<#--js-->
<script src="${request.contextPath}/js/jquery.min.js"></script>


<script>

    // 引入弹出层
    var layer = null;
    layui.use('layer', function(){
        layer = layui.layer;
    });


    /**
     * 添加历史主干
     */
    function addMamin() {
        layer.open({
            type: 2,
            area: ['500px', '300px'],
            closeBtn:"2",
            anim: 4,
            title:'添加历史主线',
            content: 'www.baidu.com' //这里content是一个普通的String
        });
    }



</script>



</html>